import * as React from 'react'
import {StyleSheet, Text, View} from 'react-native'
import SearchInput from './SearchInput'
import theme from '../../../config/theme'

function HomeBar() {
    return (
        <View style={styles.container}>
            <View style={styles.auiPullLeft}>
                <View><Text style={styles.maxTitle}>韩剧</Text></View>
                <View><Text style={styles.minTitle}>TV</Text></View>
            </View>
            <SearchInput />
        </View>
    )
}

const styles = StyleSheet.create({
    container: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        paddingVertical: 10,
        paddingHorizontal: 10,
        backgroundColor: theme.mainBackgroundColor
    },
    auiPullLeft: {
        display: 'flex',
        flexDirection: 'row',
    },
    maxTitle: {
        fontSize: 20,
        color: theme.whiteColor,
        fontFamily: 'DFKai-SB'
    },
    minTitle: {
        fontSize: 16,
        color: theme.whiteColor,
        fontStyle: 'italic',
        fontFamily: 'Courier'
    }
});

export default HomeBar
